<template>
	<view class="content">
		<view class="resv" @click="gotoReservation">
			<u--image src="/static/resv.png" width="240rpx" height="240rpx"></u--image>
			<view class="title">我的预约</view>
		</view>

		<view class="qrcode" @click="gotoReservationQRCode">
			<u--image src="/static/qrcode.png" width="240rpx" height="240rpx"></u--image>
			<view class="title">我的二维码</view>
		</view>
		<view class="tips">
			<view class="head">
				温馨提示：
			</view>
			<view>
				该访客系统为北京博清科技有限公司访客预约系统。
			</view>
		</view>
	</view>

</template>

<script>
	import {
		getOpenid
	} from "@/common/permission.js"
	export default {
		data() {
			return {
				link: 'https://www.baidu.com', // 要生成的二维码值
			}
		},
		async onLoad() {
			await getOpenid()
		},
		methods: {
			gotoReservation() {
				uni.navigateTo({
					url: '/pages/reservation/reservation'
				})
			},
			
			gotoReservationQRCode() {
				uni.navigateTo({
					url: '/pages/reservationQRCode/reservationQRCode'
				})
			},
			
		}
	}
</script>
<style lang="scss" scoped>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100vh;
		background: #fff;
		
		.tips{
			margin: 60rpx;
			display: flex;
			flex-direction: column;
			width: 86%;
			justify-content: center;
			
			.head{
				font-size: 34rpx;
				margin-bottom: 20rpx;
				color: #920076;
			}
			
		}

		.title {
			font-size: 48rpx;
			color: #fff;
			width: 50%;
			text-align: center;
		}

		.resv {
			display: flex;
			align-items: center;
			justify-content: center;
			height: 280rpx;
			width: 88%;
			border-radius: 20rpx;
			background: #8abdb3;
		}

		.qrcode {
			margin-top: 100rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 280rpx;
			width: 88%;
			border-radius: 20rpx;
			// background: #a69dc8;
			background: #920076;
		}
	}
</style>